<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>支持移动端的jQuery滑动条拖动横向图片滚动特效 - JS代码网</title>
<link  rel="stylesheet" href="css/style.css" />
<link  rel="stylesheet" href="js/jquery.mCustomScrollbar.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
</head>

<body>

<!--made-->
<script>
		(function($){
			$(window).load(function(){
				
				$.mCustomScrollbar.defaults.theme="light-2";
				
				$("#ho").mCustomScrollbar({
					axis:"x",
					advanced:{autoExpandHorizontalScroll:true}
				});
		
			});
		})(jQuery);
	</script>
<div class="made scrollbox" id="horizontal">
    <div class="madegame">

    		<ul class="clearfix" id="ho">
    		<li>
            	
                    <img src="img/1.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/2.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/3.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/4.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/5.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/3.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/2.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/5.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/1.jpg" class="gameImg" />
               
            </li>
    		
    	</ul>
      
    </div>		 
</div>
</body>
</html>
